<template>
  <Tree
    :data="data"
    label="title"
    children="childrens"
    :load="loadNode"
    :lazy="true"
    class="treeDataText"
  />
</template>

<script>
import Tree from "./components/Tree/index.vue";
export default {
  data() {
    return {
      data: [

        // {
        //   title: "一级",
        //   childrens: [
        //     {
        //       title: "二级1",
        //       childrens: [
        //         {
        //           title: "三级1",
        //         },
        //       ],
        //     },
        //     {
        //       title: "二级2",
        //       childrens: [
        //         {
        //           title: "三级2",
        //         },
        //       ],
        //     },
        //   ],
        // },

        // {
        //   title: "一级2",
        //   childrens: [
        //     {
        //       title: "二级2",
        //     },
        //   ],
        // },

        //  {
        //   title: "一级",
         
        // },

        {
          title: "一级2",
          level:'1',
          phone:"11111",
        },

       {
          title: "二级",
           level:'1',
          phone:"22222",
         
        },


      ],


    };
  },
  components: {
    Tree,
  },
  methods: {
    loadNode(node, resolve) {
      console.log('/////')
       console.log(node)
       console.log('/////')
      const { layer, childrens } = node;
      if(node && node.level){

      }else{
        console.log('我执行了吗 我执行了吗 ')
        return 
      }
      setTimeout(() => {

          resolve([
            {
               title: `第${layer}层`,
               level:'2',
                 phone:"3333",
            },
              {
              title: `第${layer}层`,
               phone:"4444",
             
            },

          ]);

            // resolve([
           

            // ]);

        }, 1500);

      // if (childrens) {
      //   resolve(childrens);
      // } else {
      //   setTimeout(() => {
      //     resolve([
      //       {
      //         title: `第${layer}层`,
      //       },
      //     ]);
      //   }, 1500);
      // }

    },
  },
};
</script>

<style lang="scss" scoped>
      .treeDataText{
         margin-top: 100px;
        margin-left: 50px;
      }
</style>

